<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./dist/css/shopping.css">
</head>
<body>
    <div class="head">
        <div class="headL">
          <span>回头鱼商城欢迎您！</span>
          <p class="login">
            <a href="../login.html">登录</a>
            <a href="../register.html">注册</a>
          </p>
          <p class="user">
            欢迎珍贵的<span>xxx</span>访问本网站
            <em class="q">退出</em>
          </p>
        </div>
        <ul class="headR">
            <li>我的订单</li>
            <li>个人中心</li>
            <li>在线客服</li>
            <li>客服热线：</li>
            <li class="tel">400-800-900</li>
        </ul>
    </div>
    <!-- logo -->
    <div class="logo">
        <a href=""><img src="./images/logo.gif" alt=""> </a>
    </div>
    <!-- 购物车 -->
<div class="conter">
        <table border="1" width="900" align="center">
            <thead>
                <tr>
                    <th width="80">选中</th>
                    <th>图片</th>
                    <th>名称</th>
                    <th width="60">数量</th>
                    <th width="100">价格</th>
                    <th width="100">小计</th>
                    <th width="60">操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td align="center"><input type="checkbox"></td>
                    <td><img src="./images/Kiehl.jpg" alt=""></td>
                    <td>asasfasasf</td>
                    <td></td>
                    <td><input type="number" class="setNum" value="4"></td>
                    <td></td>
                    <td class="del">删除</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td><input type="checkbox" id="allFlag"><label for="allFlag">全选</label></td>
                    <td colspan="2" align="right">总数量：</td>
                    <td class="allNum">xx</td>
                    <td align="right">总价：</td>
                    <td class="allPrice">xxxx</td>
                    <td>去支付</td>
                </tr>
            </tfoot>
        </table>
          <!-- 推荐部分 -->
          <div class="footer">
            <div class="last">
              <p class="intro">
                <a href="">网站简介</a>
                <a href="">联系我们</a>
                <a href="">招商合作</a>
                <a href="">用户协议</a>
                <a href="">隐私政策</a>
                <a href="">投诉建议</a>
              </p>
              <p class="copy">Copyright 2012 - 2021 www.huitouyu.com. All rights reserved. 回头鱼商城版权所有</p>
              <div class="fLast">
                  <div class="imgs">
                    <img src="./images/up.png" alt="">
                  </div>
                  <div class="imgs">
                    <img src="./images/up.png" alt="">
                  </div>
                  <div class="imgs">
                    <img src="./images/up.png" alt="">
                  </div>
                  <div class="imgs">
                    <img src="./images/up.png" alt="">
                  </div>
                  <div class="imgs green">
                    <img src="./images/up.png" alt="">
                  </div>
              </div>     
            </div>    
          </div>
    </div>
</body>
<script src="./js/shopping.js"></script>
<script src="./libs/require.js" data-main="./js/cartMain"></script>
</html>